/*ball.css*/
.hide{
	display: none;
};
.show{
	display: block;
};
.scene{
	width:100%;
	height:700px;
	position: relative;
	perspective:1000px;
}
.out{
	width:100%;
	height:100%;
	position: relative;
	perspective: 1000px;
	/*transform-style:preserve-3d;*/
}
.allscane{
	width: 100%;
	height:100%;
	position: relative;
}
.ball{
	width: 100%;
	height:100%;
    margin: 0 auto;
	position: relative;
}
@keyframes myball{
	0% {transform:translateZ(0px) rotateX(0deg) rotateY(0deg);}
	25% {transform:translateZ(200px) rotateX(-15deg) rotateY(90deg);}
	50% {transform:translateZ(-300px) rotateX(-30deg) rotateY(180deg);}
	75% {transform:translateZ(200px) rotateX(15deg) rotateY(270deg);}
	100% {transform:translateZ(0px) rotateX(0deg) rotateY(360deg);}
}
/*抽奖动画*/
@keyframes choujiang{
	0% {transform:rotateX(0deg) rotateY(0deg);}
	100% {transform:rotateX(0deg) rotateY(10800deg);}
}
@keyframes choujiangScale{
	0% {transform:scale(1,1);}
	100% {transform:scale(1,1);}
	/*0% {transform:scale(1,1);}
	25% {transform:scale(1.8,1.8);}
	50% {transform:scale(0.5,0.5);}
	75% {transform:scale(1.8,1.8);}
	90% {transform:scale(0.5,0.5);}
	100% {transform:scale(1,1);}*/
}
@keyframes choujiangScale2{
	0% {transform:scale(1,1);opacity: 1;}
	100% {transform:scale(0,0);opacity: 0;}
}
@keyframes choujiangScale3{
	0% {transform:scale(0,0);opacity: 0;}
	100% {transform:scale(1,1);opacity: 1;}
}
.ball>li{
	width:55px;
	height:55px;
	overflow: hidden;
	box-shadow: 0 0 2px #000;
	position: absolute;
	transform-origin:left;
	/*border-radius: 100%;*/
}
.ball>li img{
	position: absolute;
	width:110%;
	height:110%;
	left:-5%;
	top:-5%;
}

#canvas{
	position: fixed;
	left:0;
	top:0;
	z-index:-1;
}

.bonus{
	position: absolute;
	left:30px;
	top:25%;
}
.bonus .block{
	display:block;
}
.bonus .btn{
	width:176px;
	height:82px;
	text-align: center;
	margin-bottom:20%;
	color:#fff;
	font-size:20px;
	line-height:10px;
	cursor: pointer;
	background: url('../img/anniu.png') no-repeat center center;
	background-size: 100% 100%;
	position:relative;
}

.bonus .btn span{
	position: absolute;
	left:55px;
	top:30px;
	font-family: '微软雅黑';
}

.bonus .btn:hover{
	background: url('../img/anniu-hover.png') no-repeat center center;
	background-size: 100% 100%;
}

.bonus .btn[disabled=true]{
	background: url('../img/anniu.png') no-repeat center center;
	background-size: 100% 100%;
}

.select-number{
	width:480px;
	height:200px;
	background:rgba(242,55,95,.9);
	position: fixed;
	border-radius: 20px;
	right:50%;
	top:50%;
	color:#fff;
	font-weight:bold;
	transform: scale(0,0);
	margin:-100px -240px 0 0;
	z-index:100000;
}
/*号码向上移动*/
@keyframes selectnumberanimate{
	0% {transform:scale(0,0)  rotateY(0deg) rotateX(0deg);}
	100% {transform:scale(1,1) rotateY(360deg) rotateX(360deg);}
}
.select-number .block{
	overflow: hidden;
	width:440px;
	height:160px;
	margin:20px auto;
	background: rgba(177,12,48,.9);
	border-radius: 20px;
}
.select-number .row{
	display: block;
	width:32%;
	height:100%;
	line-height:160px;
	font-size:120px;
	text-align: center;
	float:left;
}
.select-number .row span{
	display:block;
	position: relative;
}
.select-number .row:not(:last-child) span:after{
	content:"";
	display:block;
	width:1px;
	height:100px;
	float:right;
	background:rgba(255, 96, 96, 0.34);
	position: absolute;
	right:0;
	top: 32px;
}
.select-number .totoprow{
	animation: movetop 1s;
	animation-fill-mode: forwards;
}



.select-number.list{
	transform: scale(.4,.4);
	background:transparent;

}
.select-number.list .block{
	background:transparent url('../img/hangxian.png') no-repeat left bottom;
	background-size: 100% auto;
	padding-left:100px;
}
.select-number.list .row:not(:last-child) span:after{
	display:none;
}
.select-number.list .row{
	width: 20%;	
	font-size:80px;
}

/*号码向上移动*/
@keyframes movetop{
	0% {transform:translateY(0px);}
	100% {transform:translateY(-160px);}
}

.jiangpingtext{
	width:150px;
	height:100px;
	position: fixed;
	right:25px;
	top:10px;
	overflow: hidden;
	color:#fff;
	background: url('../img/jiangping.png') no-repeat center center;
	background-size: auto 100%;
}
.jiangpingtext span{
	position: absolute;
    left: 45px;
    top: 40px;
	font-size:20px;
	font-family: '微软雅黑';
}

.star{
	width:100%;
	height:100%;
	position: fixed;
	left:0;
	top:0;
}
.star .star-img{
	position: absolute;
	left:0;
	top:0;
	animation:starImgAnim 3s infinite; 
}
@keyframes starImgAnim{
	0% {transform:scale(1,1)}
	50% {transform:scale(1.5,1.5)}
	100% {transform:translateY(1,1)}
}

.back-img{
	position: absolute;
	left:50%;
	top:50%;
	z-index:-1;
	width:1000px;
	height:370px;
	margin:-185px 0 0 -500px;
	background: url('../img/stars/back.jpg') no-repeat center center;
	background-size: 100% 100%;
}

.begin-danmu{
	width:100px;
	height:100px;
	line-height:100px;
	position: fixed;
	right:20px;
	bottom:20px;
	background: red;
	border-radius: 100%;
	text-align: center;
	color:#fff;
	z-index:10001;
	cursor:pointer;
}
.content-danmu{
	position: fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: rgba(0,0,0,.7);
	z-index:10000;
}
#my-comment-stage{
	position: absolute;
	top:50px;
	width:100%;
	height:80%;
	/*background: red;*/
}
#my-comment-stage .cmt{
	position: absolute;
	display:block;
	height:40px;
	padding:0 20px;
	line-height:40px;
	background: rgba(17,4,31,.8);
	border-radius:40px;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
	display: flex;
	align-items: center;
}
#my-comment-stage .cmt img{
	width:30px;
	height:30px;
}

@keyframes scaletozelo{
	0% {transform:scale(1,1) translate;}
	100% {transform:scale(0,0);}
}

.select-numbox {
	position: absolute;
    right: 4px;
    top: 80px;
    width: 180px;
    overflow:hidden;
    overflow-y: auto;
    height: 90%;

}
::-webkit-scrollbar  
{  
    width: 6px;  
    height: 6px;  
} 
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
    border-radius: 10px;  
    background-color: #F5F5F5;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #555;  
}  
.select-number.list {
	position: absolute;
}